<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <title>使用验证码图片</title>
    <style type="text/css">
	  .wrapper { display : block ;  width : 80% ; margin : auto ; overflow: hidden ; }
	  .form { border-radius: 5px ; box-shadow: 0 0 5px 4px #dedede ; }
	  .form .row { margin: 5px ; border-bottom: 1px solid #dedede ;  }
	  .form .row>* { float : left ; height : 50px ; width : 50% ; text-align:center ; }
	  .form .row input { width : 80% ; line-height : 50px ; border:none; outline: none; }
	  .form .row img { width : 80% ; height : 50px ; border:none; outline: none; }
	</style>
</head>
<body>

    <div class="form wrapper">
        <form action="">
            <div class="row">
		       <span>
		           <input type="text" name="code" placeholder="请输入验证码">
	           </span>
                <span>
	               <img src="/captcha" alt="验证码" >
                </span>
            </div>
        </form>
    </div>

</body>
</html>
